<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<div id="box">
			Hello JQuery
		</div>
		<script type="text/javascript" src="js/jquery-1.12.4.min.js">
			
		</script>
		<script type="text/javascript">
//			var box=document.getElementById('box');
//			box.onmouseover=function(){
//				box.style.background='greenyellow';
//				box.style.background='white';
//			}
$('div').on
({
    mouseover:function(){
		$('div').css('background','red');
	},
	mouseout:function(){
		$('div').css('background','yellow');
	},
	click:function(){
		$('div').css('background','black');
	}
}
)
		</script>
	</body>
</html>
